body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	// background: $ims-body-bgcolor;
	
}
#app {
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: 100%;
}
a{
	text-decoration: none;
}
ul,li{
	list-style: none;
}
p{
	padding: 0;
	margin: 0;
}
.fade-enter-active,
.fade-leave-active {
	transition: all .2s ease;
}
.fade-enter,
.fade-leave-to {
	opacity: 0;
}
/* icon */
.icon-third{
    font-size: 16px;
    margin-right: 5px;
}
.icon-white{
    color: #fff;
}
.icon-blue{
    color: $ims-primary-color;
}
.icon-gray{
	color:#c0c4cc;
}
/* video-player*/
.vjs-custom-skin > .video-js .vjs-big-play-button{
    width: 2em;
    border-radius: 50%;
    margin-left: -1em !important;
    outline: none;
}
.noVideo .vjs-modal-dialog{
	display: none;
}
.cardContent .vjs-poster{
	background-size: 251px;
}
/* popper */
.el-popper img{	
	width: 300px;
	height: 200px;
}
.el-popper{
    background-color:$ims-popper-bgcolor;
    border-style:none;
}
.el-popper[x-placement^="bottom"] .popper__arrow {
	border-bottom-color: #2481b8 !important;
}
/*message box*/
 .el-message-box{
  background: url("../../static/dialogbg.png") no-repeat ;
  background-size: 100% 100%;
  border:0px;
}
.el-message-box__headerbtn{
  right: 12%;
  }
.el-message-box__close{
  font-size: 20px;
}
.el-message-box__headerbtn .el-message-box__close{
	color:#fff;
}
.el-message-box__header{
    text-align: center;
}
.el-message-box__btns{
	padding:10px 10%;
}
/* table  */
.el-table {
	background-color: $ims-table-bgcolor;
}
.el-table .warning-row {
    color: $ims-warning-color;
}
.el-table .info-row {
    color: $ims-text-active-color;
}
.el-table::before {
	height: 0;
}
.el-table tr{
	background-color: rgba(0,0,0,0);
}
.settingsContainer .el-table tr{
	background-color: $ims-table-bgcolor !important;
}
.el-table--striped .el-table__body tr.el-table__row--striped td {
    background: #268AC5;
 }
 .el-table__empty-text{
	color:#fff;
 }
/*el-select-dropdown*/
/*.el-select-dropdown__item {
	color:#c0c4cc
}*/
.el-dropdown-menu__item.is-disabled{
	color: #ccc !important;
}
.el-dropdown-menu__item:hover{
	background-color: rgba(255, 255, 255, 0.3) !important;
}
.el-dropdown-menu__item:hover{
	color:#fff !important;
}
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
    background-color: rgba(255, 255, 255, 0.3);
}
/*el-datepicker*/
.el-picker-panel{
	background-color:$ims-popper-bgcolor;
	//color: #909399;
}
.el-picker-panel__sidebar{
	background-color:$ims-popper-bgcolor ;
}
.el-picker-panel__footer{
	background-color:$ims-popper-bgcolor;
	.el-button--text{
		color:#fff;
	}
}
.el-date-table td.today span{
	color:$ims-text-active-color;
}

/*pagination*/
.pagination .btn-prev{
    background: none !important;
    color:#c0c4cc ;
}
.pagination .btn-prev:hover{
	color:$ims-text-active-color;
}
.pagination .btn-next{
    background: none !important;
    color:#c0c4cc ;
}
.pagination .btn-next:hover{
	color:$ims-text-active-color;
}
.el-pager li{
    background:none !important;
    color:#c0c4cc ;
}
.el-pager li.btn-quicknext, .el-pager li.btn-quickprev{
	color:#c0c4cc ;
}
.el-pager li.active{
	color:$ims-text-active-color;
}
.el-pager li:hover{
	color:$ims-text-active-color;
}
/*form*/
.el-form--inline .el-form-item__label{
	color:#fff;
}

/*breadcrumb*/
.el-breadcrumb__inner{
    color:#fff;
}
.el-breadcrumb__item:last-child .el-breadcrumb__inner{
	color:#c0c4cc
}

/*侧边栏*/
.asideContainer{
	height:100%;
	padding-top:10px;
	background: $ims-nav-bgcolor;
}
.dataPanel{
	height:100%;
	//background: $ims-body-bgcolor;
}
.dataPanelTitle{
	height: 100px;
}
.dataPanelContent{
	height: calc(100% - 164px);
}
/*滚动条样式*/
.asideMenu::-webkit-scrollbar,
.eventContent::-webkit-scrollbar,
body::-webkit-scrollbar,
.el-table__body-wrapper::-webkit-scrollbar {/*滚动条整体样式*/
	width: 8px;     /*高宽分别对应横竖滚动条的尺寸*/
	height: 8px;
}
.asideMenu::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb{
	@include ims-scrollbar(0.2,5px,rgb(221,222,224));
}
.el-table__body-wrapper::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	@include ims-scrollbar(0.2,5px,rgba(10, 50, 225,0.3));
}

.el-table__body-wrapper::-webkit-scrollbar-track {/*滚动条里面轨道*/
	@include ims-scrollbar(0.2,0,rgba(0,0,0,0.2));
}
/* event */
.eventContent::-webkit-scrollbar-thumb{
	@include ims-scrollbar(0,5px,rgba(255,255,255,0.2));
}

body::-webkit-scrollbar-track,
.asideMenu::-webkit-scrollbar-track,
.eventContent::-webkit-scrollbar-track{
	@include ims-scrollbar(0.2,0,rgba(255,255,255,0.1));
}

/*el-range*/
.el-range-input{
	background-color:rgba(0,0,0,0)
}
.el-range-editor.is-active{
	border-color:#fff;
}
.el-range-editor.is-active:hover{
	border-color:#fff;
}
/*input*/
.el-input__inner{
	border-color:#fff !important;
}
.el-input-group__prepend{
	color:#fff;
}
/*cascader*/
.el-cascader-menu__item.is-active{
	font-weight:900;
}
.el-cascader__label span{
	color:#fff;
}
.el-cascader .el-input.is-focus .el-input__inner{
	border-color:#fff;
}
/*dialog*/
.el-dialog{
	border: none;
	outline: none;
	border-radius: 0;
}
.el-dialog__footer{
	padding:5% 10%;
}
.el-dialog__body{
	padding:10%;
}

/* nav */
.el-menu-item-group__title{
	color: #ddd;
}
.el-menu .is-active{
	background: rgba(24, 237, 240, 0.35) !important;
}
/* event */
.stoppingRow{
	color: $ims-warning-color !important;
}
.peopleRow{
	color: $ims-text-active-color !important;
}
